<!--信息卡片-->
<template>
  <div class="grid m-info-card">
    <div class="col-12">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="less" scoped>
.m-info-card {
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

  &:hover {
    box-shadow: 3px 3px 5px #d1d1d1;
  }

  transition: box-shadow .3s ease-in-out;
}
</style>
